<template>
    <div class="page-plugin-scene">
        <div id="plugin-scene"></div>
    </div>
</template>

<script>
export default {
    watch: {
        '$store.state.appLoaded': 'after',
    },
    mounted() {
        this.initApp();
    },
    methods: {
        initApp() {
            THING.Utils.disableWarning = process.env.VUE_APP_DISABLE_WARNING === 'true' || false;

            this.$app = new THING.App({
                // 挂载点
                container: 'plugin-scene',
                // 天空盒
                skyBox: './thing/sky/White',
                // 场景路径
                url: process.env.VUE_APP_SCENE_URL,
                // 模型路径
                loaderResourceUrl: process.env.VUE_APP_SCENE_MODEL,
            });

            this.$app.on('load', (event) => {
                // 开启默认的层级控制
                this.$app.level.change(event.campus);
                // 提交状态表示 ThingJS 加载完成
                this.$store.commit('appLoaded');
            });
        },
        /**
         * 场景加载完毕执行的方法
         * @author haaid <me@wanghaida.com>
         * @date 2019-05-31 13:38:39
         * @description 场景加载完成后执行的方法在这里调用，方法名可修改。
         */
        after() {

        },
    },
};
</script>
